.table-box {
  margin: 10px;

  .row-btn {
    height: 100%;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1px;
  }

  .table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    box-sizing: border-box;
    background-color: #86D794;
    border: $primary-border-line;
    box-shadow: $box-line-shadow;



    .left {
      display: flex;
      align-items: center;
      width: 100%;

      .image {
        width: 30px;
        height: 30px;
      }

      &-value {
        margin-left: 5px;
        width: 100%;

        >view {
          width: 96%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .type {
          font-size: 12px;
          margin-top: 5px;
          position: relative;

          .priority {
            position: absolute;
            right: 0;

            .image {
              margin-left: 5px;
              width: 15px;
              height: 15px;
            }
          }
        }
      }
    }

    .right {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100px;

      >text:nth-of-type(1) {
        font-weight: 700;
      }

      >text:nth-last-of-type(1) {
        margin-top: 5px;
        transform: scale(0.8);
      }
    }
  }
}